/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .zone-widget .zone-widget-container.breakpoint-widget {
	height: 30px !important;
	display: flex;
	border-color: #007ACC;
}

.monaco-editor .zone-widget .zone-widget-container.breakpoint-widget .breakpoint-select-container {
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding: 0 10px;
}

.monaco-editor .zone-widget .zone-widget-container.breakpoint-widget .breakpoint-select-container .select-box {
	border-color: rgba(128, 128, 128, 0.35);
}

.monaco-editor .zone-widget .zone-widget-container.breakpoint-widget .inputBoxContainer {
	flex: 1;
}

.monaco-editor .zone-widget .zone-widget-container.breakpoint-widget .monaco-inputbox {
	border: none;
}

.monaco-editor .breakpoint-widget .input {
	font-family: Monaco, Menlo, Consolas, "Droid Sans Mono", "Inconsolata", "Courier New", monospace, "Droid Sans Fallback";
	line-height: 22px;
	background-color: transparent;
	padding: 8px;
}

.monaco-workbench.mac .monaco-editor .breakpoint-widget .input {
	font-size: 11px;
}

.monaco-workbench.windows .monaco-editor .breakpoint-widget .input,
.monaco-workbench.linux .monaco-editor .breakpoint-widget .input {
	font-size: 13px;
}
